"Storytelling" in Web Design

Da bi korisniku pružili drugačije iskustvo pri pregledavanju web stranice, koristili smo priču kao temelj razvoja web stranice. S obzirom da su ljudi, ponekad nesvjesno, u svojoj svakodnevnici u potrazi za pričom, razvila se teorija da je u korisniku-orijentiranom dizajnu, priča neophodan element koji je često izostavljen. U web dizajn priča je uvedena kao animacija aktivirana scrollanjem miša, slična strukturi tzv. „Parallax“ efekta. Iako je česta praksa ovakav pristup koristiti u one-page stranicama, kako bi se dokazala mogućnost provedbe i u drugim okolnostima, prihvaćena je izrada stranice HCI grupe na Prirodoslovno-matematičkom fakultetu u Splitu. U ovom rješenju je animacija dio jedne „Intro“ stranice, dok su druge stranice razvijene po standardnim principima. Za razvoj cijelog web sjedišta korišteni su: HTML5, CSS3, SVG, jQuery i WordPress. Provedeno je i vrednovanje korisničkog iskustva i upotrebljivosti pomoću dvije metode: SUS ljestvice i AttrakDiff testa.In order to provide a different experience when viewing Web pages, we used the story as a bassis for the development of the website. Given that people are, sometimes unconsciously, in their everyday life searching for a story, we developed theory that in the user-oriented web design, story is a necessary element that is often left out. The story in web design was introduced as animation activated by mouse scroll, similar to the so-called „Parallax“ effect. Although it is common practice to use this approach in a on-page site, in order to prove the possibility of implementation in different circumstances, we accepted to develop a web site for HCI group at the Faculty of Science in Split. In this solution, the animation was part of an „Intro“ page, while other pages were developed by standard principles. For the development of the entire web site we used: HTML5, CSS3, jQuery and WordPress. For the evaluation of experience and usability we used two methods: SUS scale and AttrakDiff test